{extend name='base'}
{block name='ex'}
<script type="text/javascript">
    function mouseOver(id) {
        if (id == "img1") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_gx_press.png";
        }
        if (id == "img2") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_dw_press.png";
        }
        if (id == "img3") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_jg_press.png";
        }
        if (id == "img4") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_hy_press.png";
        }
        if (id == "img5") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_xx_press.png";
        }
        if (id == "img6") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_xny_press.png";
        }
    }
    function mouseOut(id) {
        if (id == "img1") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_gx.png";
        }
        if (id == "img2") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_dw.png";
        }
        if (id == "img3") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_jg.png";
        }
        if (id == "img4") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_hy.png";
        }
        if (id == "img5") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_xx.png";
        }
        if (id == "img6") {
            document.getElementById(id).src = "__STATIC__/index/images/Generalsituation/img_xny.png";
        }
    }
</script>
{/block}
{block name='con'}
    {include file='aboutus/header'}
    <div style="width: 100%;  background: url(__STATIC__/index/images/Generalsituation/bg_img.png) center center no-repeat;background-size:cover;">
        <div class="section ">
            <div class="since wow animated fadeInDown">SINCE  1978</div>
            <div class="group wow animated fadeInUp">
                中天科技集团<br/>
                <span>ZHONGTIAN TECHNOLOGY GROUP</span>
            </div>
            <div></div>
        </div>
        <div class="section" style="margin-top: 30px;">
            <ul class="am-avg-lg-5  am-thumbnails">
                {volist name='arr' id='list' key='i'}
                <li>
                    <img class="am-thumbnail introimg wow  animated fadeInLeft" data-wow-delay="{$i/5-0.2}s" src="__STATIC__/uploads/{$list.img1}" />
                </li>
                {/volist}
                <!-- <li>
                    <img class="am-thumbnail introimg wow  animated fadeInLeft" src="__STATIC__/index/images/Generalsituation/img_1.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow  animated fadeInLeft" data-wow-delay="0.2s" src="__STATIC__/index/images/Generalsituation/img_2.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow  animated fadeInLeft" data-wow-delay="0.4s"src="__STATIC__/index/images/Generalsituation/img_3.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow  animated fadeInLeft" data-wow-delay="0.6s"src="__STATIC__/index/images/Generalsituation/img_4.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInLeft" data-wow-delay="0.8s" src="__STATIC__/index/images/Generalsituation/img_5.png" /></li> -->
                
            </ul>
            <ul class="am-avg-lg-5  am-thumbnails">
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInRight" src="__STATIC__/index/images/Generalsituation/img_6.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInRight" data-wow-delay="0.2s" src="__STATIC__/index/images/Generalsituation/img_7.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInRight" data-wow-delay="0.4s" src="__STATIC__/index/images/Generalsituation/img_8.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInRight" data-wow-delay="0.6s" src="__STATIC__/index/images/Generalsituation/img_9.png" /></li>
                <li>
                    <img class="am-thumbnail introimg wow animated fadeInRight" data-wow-delay="0.8s" src="__STATIC__/index/images/Generalsituation/img_10.png" /></li>
            </ul>
        </div>
    </div>
    <!--集团 概况 结束-->

    <!--集团 主营业务 开始-->
    <div style="width: 100%; height: 351px;position: relative;z-index: 1">
        <div class="section ">
            <div class="since wow  animated fadeInDown">SINCE  1978</div>
            <div class="group wow  animated fadeInUp">
                主营产业
            </div>
            <div></div>
        </div>
        <div class="section" style="margin-top: 30px;">
            <ul class="am-avg-lg-6  am-thumbnails">
                <li>
                   <a href="/industrys/229.html">
                    <img id="img1" class="am-thumbnail wow animated fadeInUp" 
                        src="__STATIC__/index/images/Generalsituation/img_gx.png" 
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>
                 </li>
                <li>
				    <a href="/industrys/230.html">
                    <img id="img2" class="am-thumbnail wow animated fadeInUp"  data-wow-delay="0.2s" 
                         src="__STATIC__/index/images/Generalsituation/img_dw.png" 
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>
				</li>
                <li>
				    <a href="/industrys/234.html">
                    <img id="img3" class="am-thumbnail wow animated fadeInUp" data-wow-delay="0.4s" 
                         src="__STATIC__/index/images/Generalsituation/img_jg.png" 
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>
			    </li>
                <li>
				    <a href="/industrys/231.html">
                    <img id="img4" class="am-thumbnail wow animated fadeInUp" data-wow-delay="0.6s" 
                         src="__STATIC__/index/images/Generalsituation/img_hy.png" 
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>	
				</li>
                <li>
				    <a href="/industrys/232.html">
                    <img id="img5" class="am-thumbnail wow animated fadeInUp" data-wow-delay="0.8s" 
                         src="__STATIC__/index/images/Generalsituation/img_xx.png" 
                        onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>
				</li>
                 <li>
				    <a href="/industrys/233.html">
                     <img id="img6" class="am-thumbnail wow animated fadeInUp" data-wow-delay="1s" 
                          src="__STATIC__/index/images/Generalsituation/img_xny.png" 
                         onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)"/>
					</a>
				</li>
            </ul>
        </div>
    </div>
    <!--集团 主营业务 结束-->
    
    <!--底部 蓝色背景 开始-->
    <div style="width: 100%; height: 217px; background: url(__STATIC__/index/images/Generalsituation/bg_blue.png) center center no-repeat;background-size:cover;">
        
    </div>
    <!--底部 蓝色背景 结束-->
{/block}